<include file="public:header" />

    <link rel="stylesheet" type="text/css" media="screen" href="__ROOT__/static/bootstrap/css/bootstrap-datetimepicker.min.css?v=1.1">
     
<div class="container">
<style>
th{ width: 60px;}
input{ width: 120px;}
.row .col-xs-4{width: 100px;}
</style>
<form action="{:U('promotion/actCate')}" method="post">
    <h4 class="webview-title">{$main.storeName}促销活动创建</h4>
	
	<div class="row">
		<div class="col-xs-12 webview-border" >
			<div class="row">
				<div class="col-xs-4" ><strong>活动主题:</strong></div>
				<div class="col-xs-8 webview-left-border" ><input class="form-control" name="theme" type="text"></input></div>
			</div>
		</div>
		
		<div class="col-xs-12 webview-border" >
			<div class="row">
				<div class="col-xs-4 " ><strong>活动时间:</strong></div>
				<div class="col-xs-8 webview-left-border" >
                 开始时间： 
                <input type="text" id="startTime" data-date-format="mm/dd/yy" name="startTime"  value="" class="span2 form-control">        
                  
                  结束时间:
                <input type="text" id="endTime" data-date-format="mm/dd/yy" name="endTime"  value="" class="span2 form-control">                 
                 
                </div>
			</div>
		</div>
		
		<div class="col-xs-12 webview-border" >
			<div class="row">
				<div class="col-xs-4">
					<strong>活动地点:</strong>
				</div>
				<div class="col-xs-8 webview-left-border" >
					<p>地区：<input class="form-control" type="text" name="region" value="" /></p>
					<p>门店：<input class="form-control" type="text" name="storeName" value="" /></p>
					<p>地址：<input class="form-control" type="text" name="address" value="" /></p>
				</div>
			</div>		
		</div>
		
		<div class="col-xs-12 webview-border" >
			<div class="row">
				<div class="col-xs-4 " ><strong>组织人：</strong></div>
				<div class="col-xs-8 webview-left-border" ><input class="form-control" type="text" name="organizer" value="" /></div>
			</div>
		</div>
		
		<div class="col-xs-12 webview-border" >
			<div class="row">
				<div class="col-xs-4 " ><strong>活动内容:</strong></div>
				<div class="col-xs-8 webview-left-border" ><input class="form-control" type="text" name="content" value="" /></div>
			</div>
		</div>
		<div class="col-xs-12 webview-border" >
			<div class="row">
				<div class="col-xs-4 " ><strong>临促数量:</strong></div>
                <div class="col-xs-8 webview-left-border" ><input class="form-control" type="text" name="salerNum" value="" /> 人次</div>
				
				
			</div>
		</div>
		<div class="col-xs-12 webview-border" >
			<div class="row">   
                <div class="col-xs-4 webview-left-border" ><strong>临促工资:</strong></div>
                <div class="col-xs-8 webview-left-border" ><input type="text" name="salerPay" value="" />  元/天</div>                 
			</div>
		</div>        
		
		<p>&nbsp;</p>
		
		<div class="col-xs-12 webview-border" >
			<p class="text-center"><strong>物料：</strong></p>
		</div>
		
		<table class="table table-bordered addMater">
			<tbody>
				<tr>
                    <th>项目:</th>
					<td><input class="form-control" name="mater[materialsProject][]" value="" /></td>	
				</tr>
                <tr>
                    <th>单件数量:</th>
                    <td><input class="form-control" name="mater[materialsSignNum][]" value="" /></td>
                </tr>
                <tr>
                    <th>单价(元):</th>
                    <td><input class="form-control" name="mater[materialsSign][]" value="" /></td>
                </tr>                 
                <tr>
                    <th>工艺说明:</th>
                    <td><input class="form-control" name="mater[materialsTech][]" value="" /></td>
                </tr>
                <tr>
                    <th>纸张:</th>
                    <td><input class="form-control" name="mater[materialsPlpe][]" value="" /></td>
                </tr>                
                <tr>
                    <th>规格:</th>
                    <td><input class="form-control" name="mater[materialsGg][]" value="" /></td>
                </tr>                
    
			</tbody>
		</table>
        
		<div class="col-xs-12" >
			<div class="row">
				<a class="btn btn-primary btn-block" role="button" href="javascript::void(0)" id="addMater">
					<span class="glyphicon glyphicon-plus"></span> 增加物料信息
				</a>
			</div>
		</div>
		<p>&nbsp;</p>
		
		<div class="col-xs-12 webview-border" >
			<p class="text-center"><strong>礼品：</strong></p>
		</div>

		<table class="table table-bordered addGif">
			<tbody>
				<tr>
                    <th>礼品名称:</th>
					<td><input class="form-control" name="gift[giftName][]" value="" /></td>
				</tr>
                <tr>
                    <th>单件数量:</th>
                    <td><input class="form-control" name="gift[giftSignNum][]" value="" /></td>
                </tr>
                <tr>
                    <th>单价(件):</th>
                    <td><input class="form-control" name="gift[giftSign][]" value="" /></td>
                </tr>
                <!--tr>
                    <th>总价</th>
                    <td><input class="form-control" name="gift['giftCountMoney'][]" value="" /></td>
                </tr-->                   
			</tbody>
		</table>

		<div class="col-xs-12" >
			<div class="row">
				<a class="btn btn-primary btn-block" role="button" href="javascript::void(0)" id="addgift"><span class="glyphicon glyphicon-plus"></span> 增加礼品</a>
			</div>
		</div>
		<p>&nbsp;</p>
        
		<div class="container">
				<!--div class="form-group">
					<label for="budget">活动预算（元）：</label>
					<input type="text" name="budget" id="budget" class="form-control" value="{$main.budget}" placeholder="0">
				</div-->
				<div class="form-group">
					<label for="forecastingSales">预计销售台数：</label>
					<input  type="text" name="forecastingSales" id="forecastingSales" value="{$main.forecastingSales}" class="form-control" placeholder="0">
				</div>
		</div>        
        <div class="col-xs-12" >
            <div class="row">
            <button type="submit" class="btn btn-primary btn-lg btn-block">创建活动</button>
            </div>
        </div>
	</div>
</div>
</form>
<script type="text/javascript"
	     src="__ROOT__/static/bootstrap/js/bootstrap-datetimepicker.min.js?v=1.1">
</script>
<script>
$(document).ready(function(){
 $('#startTime').datepicker();
  $('#endTime').datepicker();
      
    $("#addMater").click(function(){
        $(".addMater:last").after($(".addMater").eq(0).clone());
    });   
    $("#addgift").click(function(){
        $(".addGif:last").after($(".addGif").eq(0).clone());
    });
})
</script>
     
<include file="public:footer" />
